<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后代选择器</title>
    <style>
        /*
        作用：根据 HTML 标签的嵌套关系，选择父元素 后代中 满足条件的元素
        ➢ 选择器语法：选择器1 选择器2 { css } ➢ 结果：
                                  • 在选择器1所找到标签的后代（儿子、孙子、重孙子…）中，找到满足选择器2的标签，设置样式
        ➢ 注意点：
        1. 后代包括：儿子、孙子、重孙子……
        2. 后代选择器中，选择器与选择器之前通过 空格 隔开*/
        div p {
            color: red;
        }
    </style>
</head>
<body>
<p>这个一个p标签</p>
<div>
    <p>这是div的儿子p</p>
</div>
</body>
</html>